/* components/menuItem/menuItem.wxss */
.container{
  // position: absolute;
  // right: 20rpx;
  background-color: #fff9ef;
  width: 100%;
  height: 220rpx;
  border-radius: 15rpx;
  display: flex;
  margin-bottom: 20rpx;
  .imageArea{
    width: 42%;
    height: 100%;
    .imageStyle{
      width: 220rpx;
      height: 220rpx;
      border-radius: 15rpx;
    }
  }
  .imfoArea{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 25rpx;
    .titleAndTag{
      display: flex;
      flex-direction: row;
      align-items: flex-end;
      justify-content: space-between;
      .title{
        margin-top: 20rpx;
        margin-bottom: 10rpx;
        font-size: 40rpx;
        font-weight: 600;
        color: #333333;
      }
      .tag{
        margin-top: 20rpx;
        margin-right: 20rpx;
        margin-bottom: 10rpx;
        font-size: 20rpx;
        font-weight: 600;
        color: #FF7400;
      }
    }
    .commentAndSite{
      width: 100%;
      display: flex;
      justify-content: space-between;
      color: #646464;
      .comment{
        font-size: 32rpx;
      }
      .site{
        font-size: 32rpx;
        margin-right: 30rpx;
      }
    }
    .price{
      font-size: 40rpx;
      color: #ff0000;
      margin-bottom: 15rpx;
      .iconStyle{
        color: red;
      }
    }
  }
}